<template>
  <div id="app">
    <shop-header></shop-header>
    <shop-search></shop-search>
    <shop-banner></shop-banner>
    <shop-recommend></shop-recommend>
    <shop-hot></shop-hot>
    <shop-footer></shop-footer>
    <shop-side></shop-side>
  </div>
</template>

<script>
	//引入对应组件
	import Header from './assets/components/Header.vue';
	import Search from './assets/components/Search.vue';
	import Banner from './assets/components/Banner2.vue';
	import Recommend from './assets/components/Recommend.vue';
	import Hot from './assets/components/Hot.vue';
	import Footer from './assets/components/Footer.vue';
	import SideNav from './assets/components/SideNav.vue';
	
export default {
  name: 'app',
  data () {
    return {
    }
  },
  components:{
  	'shop-header':Header,
  	'shop-search':Search,
  	'shop-banner':Banner,
  	'shop-recommend':Recommend,
  	'shop-hot':Hot,
  	'shop-footer':Footer,
  	'shop-side':SideNav
  }
  
}
</script>

<style>
#app {
  font-family: "微软雅黑";
  font-size: 14px;
  overflow: hidden;
}
.cw{
	width:1200px;
	height: auto;
	margin: 0 auto;
}

</style>
